<template>
  <view class="container">
    <u-no-network @disconnected="disconnected" @connected="connected" @retry="retry"></u-no-network>
    <view class="u-content">
      <view class="u-content__circle">
        <u-icon name="checkbox-mark" color="#fff" size="30"></u-icon>
      </view>
      <text class="u-content__normal">认证成功</text>
    </view>
    <u-steps current="3" style="width: 360px;">
      <u-steps-item title="房屋信息"></u-steps-item>
      <u-steps-item title="住户信息"></u-steps-item>
      <u-steps-item title="物业审核"></u-steps-item>
      <u-steps-item title="认证成功"></u-steps-item>
    </u-steps>
    <uni-section title="房屋信息" type="line">
      <uni-card :is-shadow="false">
        <view class="flex-row wrapper-two">
          <view class="u-line-1 text-two">小区：</view>
          <view class="u-line-1 text-three">{{houseuserinfo.communityName}}</view>
        </view>
        <u-line class="line" margin="15rpx 15rpx 20rpx 12rpx"></u-line>
        <view class="flex-row wrapper-three">
          <view class="u-line-1 text-four">房间号：</view>
          <view class="u-line-1 text-five">0{{houseuserinfo.howMany}}栋{{houseuserinfo.cellNumber}}单元{{houseuserinfo.howFloor}}楼{{houseuserinfo.howPortal}}号</view>
        </view>
        <u-line class="line" margin="15rpx 15rpx 20rpx 12rpx"></u-line>
        <view class="flex-row wrapper-three">
          <view class="u-line-1 text-four">业主：</view>
          <view class="u-line-1 text-five">小黑</view>
        </view>
        <u-line class="line" margin="15rpx 15rpx 20rpx 12rpx"></u-line>
        <view class="flex-row wrapper-four">
          <view class="u-line-1 text-six">房屋状态：</view>
          <view class="u-line-1 text-seven">{{houseuserinfo.state}}</view>
        </view>
      </uni-card>
    </uni-section>
    <uni-section title="住户信息" type="line">
      <uni-card :is-shadow="false">
        <view class="flex-row wrapper-two">
          <view class="u-line-1 text-two">住户姓名：</view>
          <view class="u-line-1 text-three">{{houseuserinfo.userName}}</view>
        </view>
        <u-line class="line" margin="15rpx 15rpx 20rpx 12rpx"></u-line>
        <view class="flex-row wrapper-three">
          <view class="u-line-1 text-four">住户性别：</view>
          <view class="u-line-1 text-five">{{houseuserinfo.sex}}</view>
        </view>
        <u-line class="line" margin="15rpx 15rpx 20rpx 12rpx"></u-line>
        <view class="flex-row wrapper-three">
          <view class="u-line-1 text-four">证件类型：</view>
          <view class="u-line-1 text-five">{{houseuserinfo.type}}</view>
        </view>
        <u-line class="line" margin="15rpx 15rpx 20rpx 12rpx"></u-line>
        <view class="flex-row wrapper-four">
          <view class="u-line-1 text-six">证件号码：</view>
          <view class="u-line-1 text-seven">{{houseuserinfo.idCard}}</view>
        </view>
        <u-line class="line" margin="15rpx 15rpx 20rpx 12rpx"></u-line>
        <view class="flex-row wrapper-three">
          <view class="u-line-1 text-four">与业主关系：</view>
          <view class="u-line-1 text-five">{{houseuserinfo.relationShip}}</view>
        </view>
        <u-line class="line" margin="15rpx 15rpx 20rpx 12rpx"></u-line>
        <view class="flex-row wrapper-three">
          <view class="u-line-1 text-four">手机号码：</view>
          <view class="u-line-1 text-five">{{houseuserinfo.phone}}</view>
        </view>
        <u-line class="line" margin="15rpx 15rpx 20rpx 12rpx"></u-line>
        <view class="flex-row wrapper-three">
          <view class="u-line-1 text-four">本人身份证照片</view>
        </view>
        <image
          :src="houseuserinfo.fileUrl"
          mode=""
          style="width: 600px;height: 200px;">
        </image>
        
      </uni-card>
    </uni-section>
  </view>
</template>

<script>
	let hinfo = localStorage.getItem("hinfo")
	  ? JSON.parse(localStorage.getItem("hinfo"))
	  : null;
  export default {
    data() {
      return {
		houseuserinfo:{}
      };
    },
	onLoad() {
	//	console.log("------",JSON.stringify(aa))
		//let cc=JSON.stringify(aa.aa)
		// let cc=JSON.stringify(aa)
		 console.log(hinfo)
		this.houseuserinfo=hinfo
		//console.log(this.houseuserinfo)
		
		
	}
  }
</script>

<style lang="scss">
  /** 全局样式-开始,建议放在公共css样式文件中,比如common.css 或app.vue文件 */

  html,
  body {
    margin: 0;
    width: 100%;
    height: 100%;
    font-size: 16px
  }

  view,
  text,
  image {
    position: relative;
    box-sizing: border-box;
    flex-shrink: 0;
  }

  .flex-col {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }

  .flex-row {
    display: flex;
    align-items: flex-start;
  }

  .flex-col .flex-row {
    width: 100%
  }

  /** 全局样式-结束*/

  .homepage {
    height: 1334rpx;
    padding: 96rpx 0rpx 0rpx 89rpx;

    .wrapper {
      width: 423rpx;
      justify-content: space-between;
      margin-bottom: 17rpx;

      .button {
        width: 50rpx;
        height: 10rpx;
        background: #268497;
        color: #ffffff;
      }

      .text {
        width: 210rpx;
        margin-top: 4rpx;
        font-size: 36rpx;

      }

      .button-two {
        width: 100rpx;
        height: 28rpx;
        background: #268497;
        color: #ffffff;
      }
    }

    .line {
      width: 397rpx;
    }

    .wrapper-two {
      width: 396rpx;
      justify-content: space-between;
      margin: 0rpx 0rpx 10rpx 23rpx;

      .text-two {
        width: 100rpx;
      }

      .text-three {
        width: 283rpx;

      }
    }

    .wrapper-three {
      width: 396rpx;
      justify-content: space-between;
      margin: 0rpx 0rpx 10rpx 23rpx;

      .text-four {
        width: 50rpx;
      }

      .text-five {
        width: 283rpx;
      }
    }

    .wrapper-four {
      width: 396rpx;
      justify-content: space-between;
      margin-left: 23rpx;

      .text-six {
        width: 72rpx;
      }

      .text-seven {
        width: 283rpx;
      }
    }
  }

  .u-content {
    padding: 20rpx 60rpx 20rpx;
    @include flex(column);
    align-items: center;
    justify-content: center;

    &__circle {
      background-color: $u-success;
      @include flex;
      border-radius: 100px;
      width: 60px;
      height: 60px;
      align-items: center;
      justify-content: center;
    }

    &__normal {
      font-size: 15px;
      color: $u-success;
      margin-top: 15px;
    }
  }
</style>
